.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}
@media (max-width:768px){
	.ch-grid li {
	  width: 200px;
	  height: 200px;
	  float: left;
	}
	.ch-info-wrap, .ch-info {
	  width: 154px;
	  height: 160px;
	}
	.ch-grid li {
	  margin: 4px;
	}
	.ch-info h3 {
	  font-size: 12px;
	  margin: 0 15px;
	  padding: 35px 0 0 0;
	  height: 60px;
	}
}
@media (max-width:640px){
	.ch-info-wrap, .ch-info {
	  width: 120px;
	  height: 124px;
	}
	.ch-grid li {
	  width: 167px;
	  height: 166px;
	}
	.ch-info p {
		margin: 0 0px;
	}
	.ch-info-wrap {
		left: 23px;
	}
}
@media (max-width:320px){
	.ch-grid li {
	  float: none;
	}
	.main ul li:nth-child(3) {
	  display: block;
	  margin: 0 auto;
	}
}